﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CellEdit 单元格编辑</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="../demo.css" rel="stylesheet" type="text/css" />

    <script src="../../scripts/boot.js" type="text/javascript"></script>
    
</head>
<body>
    <h1>CellEdit 单元格编辑</h1>
    
<div id="treegrid1" class="mini-treegrid" style="width:700px;height:280px;"     
    url="../data/tasks.txt" showTreeIcon="true" 
    treeColumn="taskname" idField="UID" parentField="ParentTaskUID" resultAsTree="false"  
    allowResize="true" expandOnLoad="true"
    allowCellEdit="true" allowCellSelect="true"
>
    <div property="columns">
        <div type="indexcolumn"></div>
        <div name="taskname" field="Name" width="160" >任务名称
            <input property="editor" class="mini-textbox" style="width:100%;" />
        </div>
        <div field="PercentComplete" width="80">进度
            <input property="editor" class="mini-spinner"  minValue="0" maxValue="100" value="0" style="width:100%;"/>
        </div>
        <div field="Duration" width="60" align="right">工期
            <input property="editor" class="mini-spinner"  minValue="0" maxValue="1000000" value="0" style="width:100%;"/>
        </div>
        <div field="Start" width="80" dateFormat="yyyy-MM-dd">开始日期
            <input property="editor" class="mini-datepicker" style="width:100%;"/>
        </div>
        <div field="Finish" width="80" dateFormat="yyyy-MM-dd">完成日期
            <input property="editor" class="mini-datepicker" style="width:100%;"/>
        </div> 
        <div type="checkboxcolumn" field="Critical" trueValue="1" falseValue="0" width="60" dateFormat="yyyy-MM-dd">关键任务            
        </div>                            
    </div>
</div>


</body>
</html>
